<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Simpla Admin</title>
<!--                       CSS                       -->
<!-- Reset Stylesheet -->
<link rel="stylesheet" href="resources/css/reset.css" type="text/css" media="screen" />
<!-- Main Stylesheet -->
<link rel="stylesheet" href="resources/css/style.css" type="text/css" media="screen" />
<!-- Invalid Stylesheet. This makes stuff look pretty. Remove it if you want the CSS completely valid -->
<link rel="stylesheet" href="resources/css/invalid.css" type="text/css" media="screen" />
<!-- Colour Schemes
	  
		Default colour scheme is green. Uncomment prefered stylesheet to use it.
		
		<link rel="stylesheet" href="resources/css/blue.css" type="text/css" media="screen" />
		
		<link rel="stylesheet" href="resources/css/red.css" type="text/css" media="screen" />  
	 
		-->
<!-- Internet Explorer Fixes Stylesheet -->
<!--[if lte IE 7]>
			<link rel="stylesheet" href="resources/css/ie.css" type="text/css" media="screen" />
		<![endif]-->
<!--                       Javascripts                       -->
<!-- jQuery -->
<script type="text/javascript" src="resources/scripts/jquery-1.3.2.min.js"></script>
<!-- jQuery Configuration -->
<script type="text/javascript" src="resources/scripts/simpla.jquery.configuration.js"></script>
<!-- Facebox jQuery Plugin -->
<script type="text/javascript" src="resources/scripts/facebox.js"></script>
<!-- jQuery WYSIWYG Plugin -->
<script type="text/javascript" src="resources/scripts/jquery.wysiwyg.js"></script>
<!-- jQuery Datepicker Plugin -->
<script type="text/javascript" src="resources/scripts/jquery.datePicker.js"></script>
<script type="text/javascript" src="resources/scripts/jquery.date.js"></script>
<!--[if IE]><script type="text/javascript" src="resources/scripts/jquery.bgiframe.js"></script><![endif]-->
<!-- Internet Explorer .png-fix -->
<!--[if IE 6]>
			<script type="text/javascript" src="resources/scripts/DD_belatedPNG_0.0.7a.js"></script>
			<script type="text/javascript">
				DD_belatedPNG.fix('.png_bg, img, li');
			</script>
		<![endif]-->
</head>
<body>
<div id="body-wrapper">
<!-- Wrapper for the radial gradient background -->
<div id="sidebar">
  <div id="sidebar-wrapper">
    <!-- Sidebar with logo and menu -->
    <h1 id="sidebar-title"><a href="#">超级管理员</a></h1>
    <!-- Sidebar Profile links -->
    <div id="profile-links">您的身份:系统管理员<br />
      上一次登录:2010.12.36&nbsp;&nbsp;&nbsp;15:35</div>
    <div> <a href="#"><img src="resources/images/files.jpg" alt="name" name="logo" width="219" height="94" id="logo" /></a></div>
    <ul id="main-nav">
      <!-- Accordion Menu -->
      <li> <a href="#" class="nav-top-item"> 干部信息管理 </a>
        <ul>
          <li><a href="#">管理信息管理</a></li>
          <li><a href="#">管理信息管理</a></li>
        </ul>
      </li>
      <li> <a href="#" class="nav-top-item current">
        <!-- Add the class "current" to current menu item -->
        党员信息管理 </a>
        <ul>
          <li><a href="#">管理信息管理</a></li>
          <li><a class="current" href="#">管理信息管理</a></li>
          <!-- Add class "current" to sub menu items also -->
          <li><a href="#">管理信息管理</a></li>
          <li><a href="#">管理信息管理</a></li>
        </ul>
      </li>
      <li> <a href="#" class="nav-top-item"> 干部信息管理 </a>
        <ul>
          <li><a href="#">管理信息管理</a></li>
          <li><a href="#">管理信息管理</a></li>
        </ul>
      </li>
      <li> <a href="#" class="nav-top-item"> 员工信息管理 </a>
        <ul>
          <li><a href="#">管理信息管理</a></li>
          <li><a href="#">管理信息管理</a></li>
          <li><a href="#">管理信息管理</a></li>
          <li><a href="#">管理信息管理</a></li>
        </ul>
      </li>
      <li> <a href="#" class="nav-top-item"> 其他信息管理模块 </a>
        <ul>
          <li><a href="#">管理信息管理</a></li>
          <li><a href="#">管理信息管理</a></li>
          <li><a href="#">管理信息管理</a></li>
        </ul>
      </li>
      <li> <a href="#" class="nav-top-item"> 扩展模块 </a>
        <ul>
          <li><a href="#">管理信息管理</a></li>
          <li><a href="#">管理信息管理</a></li>
          <li><a href="#">管理信息管理</a></li>
          <li><a href="#">管理信息管理</a></li>
        </ul>
      </li>
            <li> <a href="#" class="nav-top-item nav-top-item1"> 外部网站管理 </a>
        <ul>
          <li><a href="#">最新促销</a></li>
          <li><a href="#">商品分类</a></li>
          <li><a href="#">在线下单</a></li>
          <li><a href="#">会员中心</a></li>
          <li><a href="#">客户服务</a></li>
          <li><a href="#">关于我们</a></li>
          <li><a href="#">联系我们</a></li>
        </ul>
      </li>
    </ul>
    <!-- End #main-nav -->
    <div id="messages" style="display: none">
      <!-- Messages are shown when a link with these attributes are clicked: href="#messages" rel="modal"  -->
      <h3>3 Messages</h3>
      <p> <strong>17th May 2009</strong> by Admin<br />
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. <small><a href="#" class="remove-link" title="Remove message">Remove</a></small> </p>
      <p> <strong>2nd May 2009</strong> by Jane Doe<br />
        Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est. <small><a href="#" class="remove-link" title="Remove message">Remove</a></small> </p>
      <p> <strong>25th April 2009</strong> by Admin<br />
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. <small><a href="#" class="remove-link" title="Remove message">Remove</a></small> </p>
      <form action="#" method="post">
        <h4>New Message</h4>
        <fieldset>
        <textarea class="textarea" name="textfield" cols="79" rows="5"></textarea>
        </fieldset>
        <fieldset>
        <select name="dropdown" class="small-input">
          <option value="option1">Send to...</option>
          <option value="option2">Everyone</option>
          <option value="option3">Admin</option>
          <option value="option4">Jane Doe</option>
        </select>
        <input class="button" type="submit" value="Send" />
        </fieldset>
      </form>
    </div>
    <!-- End #messages -->
  </div>
</div>
<!-- End #sidebar -->
<div id="main-content">
  <!-- Main Content Section with everything -->
  <!-- Page Head -->
  <h2><img src="resources/images/title.jpg" alt="" width="325" height="67" /></h2>
  <p id="page-intro"></p>
<div id="nav">
          <a class="shortcut-button" href="#">功能名字名字字 </a>
          <a class="shortcut-button" href="#"> 功能名字名字字</a>
          <a class="shortcut-button" href="#">功能名字名字字 </a>
          <a class="shortcut-button" href="#"> 功能名字名字字</a>
          <a class="shortcut-button" href="#">功能名字名字字 </a>&nbsp;
</div>
<div class="nowstate"><a href="#" class="nowviewpage">链接链接链接</a><a href="#">链接链接链接</a><a href="#">链接链接链接</a><a href="#">链接链接链接</a><a href="#">链接链接链接</a><a href="#">链接链接链接</a><a href="#">链接链接链接</a>&nbsp;</div>

  <br />
  <br />
  <!-- End .shortcut-buttons-set -->
  <div class="clear"></div>
  <!-- End .clear -->
  <div class="content-box">
    <!-- Start Content Box -->
    <div class="content-box-header">
      <h3>选项卡选项卡</h3>
      <ul class="content-box-tabs">
        <li><a href="#tab1" class="default-tab">可以点击</a></li>
        <!-- href must be unique and match the id of target div -->
        <li><a href="#tab2">点开是表单</a></li>
      </ul>
      <div class="clear"></div>
    </div>
    <!-- End .content-box-header -->
    <div class="content-box-content">
      <div class="tab-content default-tab" id="tab1">
        <!-- This is the target div. id must match the href of this div's tab -->
        <table>
          <thead>
            <tr>
              <th><input class="check-all" type="checkbox" /></th>
              <th>表单Title</th>
              <th>表单Title</th>
              <th>表单Title</th>
              <th>表单Title</th>
              <th>表单Title</th>
            </tr>
          </thead>
          <tfoot>
            <tr>
              <td colspan="6"><div class="pagination"> <a href="#" title="First Page">&laquo; 第一页</a><a href="#" title="Previous Page">&laquo; 上一页</a> <a href="#" class="number" title="1">1</a> <a href="#" class="number" title="2">2</a> <a href="#" class="number current" title="3">3</a> <a href="#" class="number" title="4">4</a> <a href="#" title="Next Page">下一页 &raquo;</a><a href="#" title="Last Page">最后页 &raquo;</a> </div>
                <!-- End .pagination -->
                <div class="clear"></div></td>
            </tr>
          </tfoot>
          <tbody>
            <tr>
              <td><input type="checkbox" /></td>
              <td>国家决定</td>
              <td><a href="#" title="title">连接</a></td>
              <td>国务院党中央明确规定国务院党中央明确规定国务院党中定</td>
              <td>确规定国务院党</td>
              <td><!-- Icons -->
                <a href="#" title="Edit"><img src="resources/images/icons/pencil.png" alt="Edit" /></a> <a href="#" title="Delete"><img src="resources/images/icons/cross.png" alt="Delete" /></a> <a href="#" title="Edit Meta"><img src="resources/images/icons/hammer_screwdriver.png" alt="Edit Meta" /></a> </td>
            </tr>
            <tr>
              <td><input type="checkbox" /></td>
              <td>国家决定</td>
              <td><a href="#" title="title">连接</a></td>
              <td>国务院党中央明确规定国务院党中央明确规定国务院党中定</td>
              <td>确规定国务院党</td>
              <td><!-- Icons -->
                <a href="#" title="Edit"><img src="resources/images/icons/pencil.png" alt="Edit" /></a> <a href="#" title="Delete"><img src="resources/images/icons/cross.png" alt="Delete" /></a> <a href="#" title="Edit Meta"><img src="resources/images/icons/hammer_screwdriver.png" alt="Edit Meta" /></a> </td>
            </tr>
            <tr>
              <td><input type="checkbox" /></td>
              <td>国家决定</td>
              <td><a href="#" title="title">连接</a></td>
              <td>国务院党中央明确规定国务院党中央明确规定国务院党中定</td>
              <td>确规定国务院党</td>
              <td><!-- Icons -->
                <a href="#" title="Edit"><img src="resources/images/icons/pencil.png" alt="Edit" /></a> <a href="#" title="Delete"><img src="resources/images/icons/cross.png" alt="Delete" /></a> <a href="#" title="Edit Meta"><img src="resources/images/icons/hammer_screwdriver.png" alt="Edit Meta" /></a> </td>
            </tr>
            <tr>
              <td><input type="checkbox" /></td>
              <td>国家决定</td>
              <td><a href="#" title="title">连接</a></td>
              <td>国务院党中央明确规定国务院党中央明确规定国务院党中定</td>
              <td>确规定国务院党</td>
              <td><!-- Icons -->
                <a href="#" title="Edit"><img src="resources/images/icons/pencil.png" alt="Edit" /></a> <a href="#" title="Delete"><img src="resources/images/icons/cross.png" alt="Delete" /></a> <a href="#" title="Edit Meta"><img src="resources/images/icons/hammer_screwdriver.png" alt="Edit Meta" width="16" height="16" /></a> </td>
            </tr>
            <tr>
              <td><input type="checkbox" /></td>
              <td>国家决定</td>
              <td><a href="#" title="title">连接</a></td>
              <td>国务院党中央明确规定国务院党中央明确规定国务院党中定</td>
              <td>确规定国务院党</td>
              <td><!-- Icons -->
                <a href="#" title="Edit"><img src="resources/images/icons/pencil.png" alt="Edit" /></a> <a href="#" title="Delete"><img src="resources/images/icons/cross.png" alt="Delete" /></a> <a href="#" title="Edit Meta"><img src="resources/images/icons/hammer_screwdriver.png" alt="Edit Meta" /></a> </td>
            </tr>
            <tr>
              <td><input type="checkbox" /></td>
              <td>国家决定</td>
              <td><a href="#" title="title">连接</a></td>
              <td>国务院党中央明确规定国务院党中央明确规定国务院党中定</td>
              <td>确规定国务院党</td>
              <td><!-- Icons -->
                <a href="#" title="Edit"><img src="resources/images/icons/pencil.png" alt="Edit" /></a> <a href="#" title="Delete"><img src="resources/images/icons/cross.png" alt="Delete" /></a> <a href="#" title="Edit Meta"><img src="resources/images/icons/hammer_screwdriver.png" alt="Edit Meta" /></a> </td>
            </tr>
            <tr>
              <td><input type="checkbox" /></td>
              <td>国家决定</td>
              <td><a href="#" title="title">连接</a></td>
              <td>国务院党中央明确规定国务院党中央明确规定国务院党中定</td>
              <td>确规定国务院党</td>
              <td><!-- Icons -->
                <a href="#" title="Edit"><img src="resources/images/icons/pencil.png" alt="Edit" /></a> <a href="#" title="Delete"><img src="resources/images/icons/cross.png" alt="Delete" /></a> <a href="#" title="Edit Meta"><img src="resources/images/icons/hammer_screwdriver.png" alt="Edit Meta" /></a> </td>
            </tr>
            <tr>
              <td><input type="checkbox" /></td>
              <td>国家决定</td>
              <td><a href="#" title="title">连接</a></td>
              <td>国务院党中央明确规定国务院党中央明确规定国务院党中定</td>
              <td>确规定国务院党</td>
              <td><!-- Icons -->
                <a href="#" title="Edit"><img src="resources/images/icons/pencil.png" alt="Edit" /></a> <a href="#" title="Delete"><img src="resources/images/icons/cross.png" alt="Delete" /></a> <a href="#" title="Edit Meta"><img src="resources/images/icons/hammer_screwdriver.png" alt="Edit Meta" /></a> </td>
            </tr>
          </tbody>
        </table>
      </div>
      <!-- End #tab1 -->
      <div class="tab-content" id="tab2">
        <form action="#" method="post">
          <fieldset>
          <!-- Set class to "column-left" or "column-right" on fieldsets to divide the form into columns -->
          <p>
            <label>表单信息</label>
            <input class="text-input small-input" type="text" id="small-input" name="small-input" />
            <span class="input-notification success png_bg">表单验证信息</span>
            <!-- Classes for input-notification: success, error, information, attention -->
            <br />
          </p>
          <p>
            <label>表单信息</label>
            <input class="text-input medium-input datepicker" type="text" id="medium-input" name="medium-input" />
            <span class="input-notification error png_bg">表单验证信息 错误提示</span> </p>
          <p>
            <label>很多表单信息</label>
            <input class="text-input large-input" type="text" id="large-input" name="large-input" />
          </p>
          <p>
            <label>多选框</label>
            <input type="checkbox" name="checkbox1" />
            这里是一个选项
            <input type="checkbox" name="checkbox2" />
            这里是一个选项 </p>
          <p>
            <label>单选选项</label>
            <input type="radio" name="radio1" />
            这里是一个单选选项<br />
            <input type="radio" name="radio2" />
            这里也是一个单选选项 </p>
          <p>
            <label>选项菜单</label>
            <select name="dropdown" class="small-input">
              <option value="option1">Option 1</option>
              <option value="option2">Option 2</option>
              <option value="option3">Option 3</option>
              <option value="option4">Option 4</option>
            </select>
          </p>
          <p>
            <label>文本录入</label>
            <textarea class="text-input textarea wysiwyg" id="textarea" name="textfield" cols="79" rows="15"></textarea>
          </p>
          <p>
            <input class="button" type="submit" value="提    交" />
          </p>
          </fieldset>
          <div class="clear"></div>
          <!-- End .clear -->
        </form>
      </div>
      <!-- End #tab2 -->
    </div>
    <!-- End .content-box-content -->
  </div>
  <!-- End .content-box -->
  <div class="content-box column-left">
    <div class="content-box-header">
      <h3>信息公告</h3>
    </div>
    <!-- End .content-box-header -->
    <div class="content-box-content">
      <div class="tab-content default-tab">
        <h4>信息公告信息公告</h4>
        <p> 信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告 </p>
      </div>
      <br />
      <input class="button" type="submit" value="提    交" />
      <!-- End #tab3 -->
    </div>
    <!-- End .content-box-content -->
  </div>
  <!-- End .content-box -->
  <div>
    <div class="content-box column-right closed-box">
      <div class="content-box-header">
        <!-- Add the class "closed" to the Content box header to have it closed by default -->
        <h3>信息公告信息公告</h3>
      </div>
      <!-- End .content-box-header -->
      <div class="content-box-content">
        <div class="tab-content default-tab">
          <h4>信息公告信息公告信息公</h4>
          <p> 信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告信息公告 </p>
        </div>
        <br />
        <input class="button" type="submit" value="提    交" />
        <!-- End #tab3 -->
      </div>
      <!-- End .content-box-content -->
    </div>
    <!-- End .content-box -->
    <div class="clear"></div>
    <!-- Start Notifications -->
    <!-- End Notifications -->
    <div id="footer"> <small>
      <!-- Remove this notice or replace it with whatever you want -->
      &#169; Copyright 2009 XFXYT | Powered by <a href="#"> Admin</a> | <a href="#">返回顶部</a> </small> </div>
    <!-- End #footer -->
  </div>
  <!-- End #main-content -->
</div>
</body>
<!-- Download From www.exet.tk-->
</html>
